<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
	$(function() {
		//一加载窗口就获取所有会议数据。
		getAllCofInfo();
	});
	function getAllCofInfo() {
		$
				.ajax({
					url : "service/cofInfo", //处理登录的URL
					type : "post",
					dataType : "json" //以JSON格式传输数据
				})
				.done(
						function(obj) {
							if (obj.list) { //若返回的对象是一个user的JSON对象，则登录成功，跳转。

								for (i = 0; i < obj.list.length; i++) {
									var c = obj.list[i];
									$("#tb_cofList")
											.append(
													"<tr><td name='cofId'>"
															+ c.cofId
															+ "</td><td name='cofName'>"
															+ c.cofName
															+ "</td><td>"
															+ c.startTime
															+ "</td><td>"
															+ c.place
															+ "</td><td>"
															+ c.cofStatus
															+ "</td><td>"
															+ c.descr
															+ "</td><td><a class='a-check-cf' href='#'>查看详情</a></td></tr>");
								}
								//为“查看详情”添加事件
								$(".a-check-cf").click(
										function() {
											var cofId = $(this).parent()
													.siblings("[name='cofId']")
													.text();//选择cofId列
											var cofName = $(this).parent()
													.siblings(
															"[name='cofName']")
													.text();//选择cofName列
											alert("you select:" + cofId + ', '
													+ cofName);
										});
								$("#tb_cfList").css("display", "inline");
							} else if (obj.error) { //若返回的对象包含error字段，表明登录失败，显示错误信息。
								$("#error-msg").html(obj.error);
							}
						}).fail(function(msg) { //如果请求提交都失败，则提示用户。
					$("#error-msg").html("连接服务发生错误!");
				}).always(function() {//无论如何，都把登录按钮状态改回来。

				});
	}
</script>
</head>
<body>
	<div id="error-msg"
		style="color: red; font-weight: bold; text-align: center;"></div>
	<table id="tb_cofList" style="display: inline;">
		<tr>
			<th>会议ID</th>
			<th>会议名称</th>
			<th>开会时间</th>
			<th>会议地点</th>
			<th>状态</th>
			<th>其他</th>
			<th>&nbsp;</th>
		</tr>
	</table>
</body>
</html>